import Vue from 'vue';

// 导入 vue-router 路由
import VueRouter from 'vue-router';
Vue.use(VueRouter);

// 导入 vuex 数据管理仓库
import store from './vuex.js';

// 定义全局的过滤器 处理时间
import moment from 'moment';
Vue.filter('dateFormat', (dateStr,arg)=>{
    return moment(dateStr).format(arg);
});

// 2.1 导入 vue-resource
import VueResource from 'vue-resource';
// 2.2 安装 vue-resource
Vue.use(VueResource);
// 设置请求的根路径
Vue.http.options.root = 'http://www.liulongbin.top:3005';
// 全局设置 post 时候表单数据格式组织形式   application/x-www-form-urlencoded
Vue.http.options.emulateJSON = true;

// 引入 路由模块化 文件
import router from './router.js';

// 导入 mui 样式文件
import './lib/mui/css/mui.min.css';
// 导入 mui 扩展图标样式文件 同时在 ./lib/mui/fonts文件夹中引入 mui-icons-extra.ttf 和 mui.ttf 字体文件
import './lib/mui/css/icons-extra.css';

// mint-ui 全部导入
import MintUI from 'mint-ui';
Vue.use(MintUI);
// 导入 mint-ui的样式文件
import 'mint-ui/lib/style.css';
// 按需导入 mint-ui
// import { Header,Swipe, SwipeItem, Button, Lazyload } from 'mint-ui';
// Vue.component(Header.name, Header);
// Vue.component(Swipe.name, Swipe);
// Vue.component(SwipeItem.name, SwipeItem); 
// Vue.component(Button.name, Button);
// Vue.use(Lazyload);


// 引入 vue-preview 处理缩略图
import VuePreview from 'vue-preview';
Vue.use(VuePreview);
// Vue.use(VuePreview, {
//     mainClass: 'pswp--minimal--dark',
//     barsSize: {top: 0, bottom: 0},
//     captionEl: false,
//     fullscreenEl: false,
//     shareEl: false,
//     bgOpacity: 0.85,
//     tapToClose: true,
//     tapToToggleControls: false
//   });


// 导入 app.vue
import app from './app.vue';


var vm = new Vue({
    el: '#app',
    // 渲染页面
    render: c=> c(app),
    // 挂在路由
    router,
    store
});
